import React from 'react';
import styled from 'styled-components';

function GoogleIcon() {
  return (
    <svg
      width="64"
      height="64"
      viewBox="0 0 64 64"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M31.9993 17.2799C36.506 17.2799 39.5459 19.2265 41.2792 20.8532L48.0525 14.2399C43.8925 10.3733 38.4793 8 31.9993 8C22.6128 8 14.5062 13.3866 10.5596 21.2265L18.3195 27.2531C20.2661 21.4665 25.6527 17.2799 31.9993 17.2799Z"
        fill="#EA4335"
      />
      <path
        d="M55.0398 32.5328C55.0398 30.5595 54.8798 29.1195 54.5331 27.6262H32V36.5328H45.2265C44.9599 38.7461 43.5199 42.0794 40.3199 44.3194L47.8932 50.186C52.4264 45.9994 55.0398 39.8394 55.0398 32.5328Z"
        fill="#4285F4"
      />
      <path
        d="M18.3466 36.7464C17.8399 35.2531 17.5466 33.6531 17.5466 31.9998C17.5466 30.3465 17.8399 28.7465 18.3199 27.2532L10.56 21.2266C8.93332 24.4799 8 28.1332 8 31.9998C8 35.8664 8.93332 39.5197 10.56 42.773L18.3466 36.7464Z"
        fill="#FBBC05"
      />
      <path
        d="M31.999 55.9992C38.479 55.9992 43.9189 53.8659 47.8922 50.1859L40.319 44.3193C38.2923 45.7327 35.5723 46.7193 31.999 46.7193C25.6524 46.7193 20.2658 42.5327 18.3459 36.7461L10.5859 42.7727C14.5326 50.6126 22.6125 55.9992 31.999 55.9992Z"
        fill="#34A853"
      />
    </svg>
  );
}

export default styled(GoogleIcon)``;
